/*
 * @Author: fangquan
 * @Date: 2020-06-10 13:38:32 
 * @Last Modified by: fangquan
 * @Last Modified time: 2020-06-10 13:38:32 
 * @Usage 全局变量
 */

// ---- 基础变量 ----
$radius: 6px;
$oss: "https://resource.oss.yatiku.com/singleMobile";

// ---- 颜色变量 ----
$color-black: #24223b;
$color-white: #ffffff;
$color-primary: #1989fa;
$color-main: #ff823a;
$color-danger: #ee0a24;
$color-warning: #ff976a;
$color-success: #07c160;
$color-border: #edeef4;
$color-active: #f5f5f5;
$color-basic: #706f83;
$color-second: #bbbbc4;
$color-borders: #c1c1c1;
$color-shadow: rgba(
  $color: $color-second,
  $alpha: 0.4
);
$color-mask: rgba(
  $color: #000000,
  $alpha: 0.6
);

@each $name,
  $color
    in (
      black: $color-black,
      borders: $color-borders,
      white: $color-white,
      primary: $color-primary,
      danger: $color-danger,
      warning: $color-warning,
      success: $color-success,
      border: $color-border,
      main: $color-main,
      active: $color-active,
      basic: $color-basic,
      second: $color-second
    )
{
  .cl-#{$name} {
    color: $color;
  }

  .bcl-#{$name} {
    background-color: $color;
  }
}